module.exports = {
  vueTemplate: (componentName, lower) => {
    return `<template>
    <div class="${lower}">${componentName}组件</div>
  </template>
  <script lang="ts">
    import { Component, Vue, Prop } from "vue-property-decorator";
    import { State, Getter, Mutation, Action } from "vuex-class";
    import { Tools } from "@/model/tools.ts";
  @Component({
   components: {}
  })
  export default class ${componentName} extends Tools {
    @Prop()
    private count!: number;

    private countList: Array<any> = [];

    get getIncrement(): string {
      return "";
    }

    getDerecment() {

    }

    @State
    private initData!: Array<any>;

    @Mutation("INCREMENT")
    private increment!: (count: number) => any;

    @Action("DECREMENT")
    private decrement!: (count: number) => any;
  }
  </script>
  <style lang="stylus" scoped>
      .${lower}{}
  </style>`;
  }
};
